<script type="text/javascript">
    $(function(){
        $.ajax({
            type: "POST",
            url : "../controllers/UsuarioController.php",
            data : {
                cod_grupo : cod_grupo_consulta,
                acao : 'listar',
                tipo_listagem : 'tabela'
            },
            success: function(msg){
                if (msg.indexOf("Exception: ") != -1) {
                    msg = msg.replace("Exception: ", "");
                    showMessage(ERROR_MESSAGE, msg);
                    return;
                }
                $("#tabela_usuario_tbody").html(msg);
                tabela_usuario = $('#tabela_usuario').dataTable({
                    "sDom": '<"H"lfr>t<"F"ip>T',
                    "bJQueryUI": true,
                    "sPaginationType": "full_numbers",
                    "bProcessing": true,
                    "bAutoWidth": false,
                    "oLanguage": {
                        "sUrl": "../resources/json/pt_BR.json"
                    }
                });
                $('#tabela_usuario tbody td.cell_editable').editable( '../controllers/UsuarioController.php', {
                    "callback": function( sValue, y ) {
                        if (sValue.indexOf("Exception: ") != -1) {
                            var message = sValue.replace("Exception: ", "");
                            message = message.substring(0, message.indexOf("|"));
                            showMessage(ERROR_MESSAGE, message);
                            sValue = sValue.substring(sValue.indexOf("|") + 1, sValue.length);
                        }
                        var aPos = tabela_usuario.fnGetPosition( this );
                        tabela_usuario.fnUpdate( sValue, aPos[0], aPos[1] );
                    },
                    "submitdata": function ( value, settings ) {
                        return { 
                            "cod_grupo" : cod_grupo_consulta,
                            "row_id": this.parentNode.getAttribute('id'), "acao" : "alterar" };
                    },
                    "height": "25px"
                } );
                $('#botao_usuario_cadastrar').button();
                $('#botao_usuario_cadastrar').click(function () {
                    showDialogManutencaoRecurso(true, 400, 235, "forms/usuario.html", {
                        Cadastrar : function () {
                            manutencaoUsuario('cadastrar', null);
                        },
                        Cancelar: function() {
                            $(this).dialog('close');
                        }
                    });
                });
                verificarPermissao('usuario', 'botao_usuario_cadastrar', 'inclusao');
                $('#tabela_usuario').parent().show();
            }
        });

    });
</script>
<br/>
<div class="dt_example" style="text-align: left">
    <table cellpadding="0" cellspacing="0" border="0" id="tabela_usuario" class="display">
        <thead>
            <tr>
                <th>Nome</th>
                <th>Usu&aacute;rio</th>
                <th></th>
            </tr>
        </thead>
        <tbody id="tabela_usuario_tbody">
        </tbody>
    </table>
    <button id="botao_usuario_cadastrar">Incluir Novo</button>
</div>
<br/>